@charset "utf-8";
@import "common/reset";
@import "common/common";
.banner-box {
    background: #2b80d9;
}

@media(min-width:768px) {
    .banner-box,
    .advantage,
    .layaboxGoods,
    .layaGameBox,
    .partners,
    .footer {
        min-width: 990px;
    }
}
@media(width:768px){
    .banner-box,
    .advantage,
    .layaboxGoods,
    .layaGameBox,
    .partners,
    .footer {
        min-width: 768px !important;
    }
    .col-md-5{
        max-width: 100%;
        margin: auto;
    }
    .col-md-7{
        max-width: 100%;
        margin: auto;
        padding: 0;
        
    }
}

//laya引擎
.layaEngine {
    background: #fbfaf7;
}

.flash-box {
    background: url(../img/index/bg1.jpg) no-repeat;
    background-position: right bottom;
    padding-bottom: 100px;
}

.title1 {
    font-size: 48px;
    line-height: 48px;
    color: #0078d7;
    margin-top: 108px;
}

.title2 {
    font-size: 30px;
    color: #666;
    margin-top: 33px;
    margin-bottom: 77px;
}

.img {
    width: 64px;
    height: 64px;
    overflow: hidden;
}

.goodsDesc {
    width: 222px;
    margin-left: 12px;
    margin-bottom: 30px;
    h5 {
        font-size: 20px;
        line-height: 34px;
        color: #333;
        margin-bottom: 0;
    }
    >p {
        line-height: 24px;
        font-size: 12px;
        color: #666;
    }
}

@media (max-width:768px) {
    .layaEngine {
        .flash-box {
            background: none;
        }
    }
}

//laya优势
.advantage {
    margin: 83px auto;
    .title3 {
        font-size: 48px;
        color: #8fc31f;
        margin: 27px 0;
    }
    .atg {
        margin-top: 15px;
        .tubiao {
            float: left;
            width: 55px;
            height: 55px;
            background: #8fc31f;
            border-radius: 50px;
            margin-right: 10px;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
        }
    }
    p {
        vertical-align: middle;
        font-size: 14px;
        line-height: 55px;
        color: #666;
    }
}

@media (max-width:768px) {
    .advantage {
        .offset-5{
           margin-left: 0;
        }
    }
}

//layabox 产品家族
.layaboxGoods {
    background: #0079d7;
    padding: 54px 0 102px;
    .title4 {
        font-size: 48px;
        line-height: 48px;
        color: #fff;
        margin: 56px auto 0;
        text-align: center;
    }
    .layagoodsList {
        .layaList {
            margin-top: 77px;
            .iconimg {
                text-align: center;
                margin-top: 20px;
            }
            >div {
                .col-md-7 {
                    padding-left: 0;
                }
            }
            h4 {
                font-size: 33px;
                color: #fff;
                line-height: 53px;
            }
            p {
                font-size: 14px;
                line-height: 30px;
                color: #fff;
            }
        }
    }
}


// Layabox游戏
.layaGameBox {
    padding: 40px 0;
    .container {
        .gamevideo {
            width: 370px;
            height: 200px;
        }
        .title5 {
            font-size: 35px;
            color: #2a2a2a;
            line-height: 35px;
            margin: 45px 0 48px;
        }
        .gamebig-a{
            display: block;
            margin: auto;
            width: 100%;
            height: 200px;
        }
        .more {
            display: block;
            font-size: 14px;
            color: #2a2a2a;
            font-weight: bold;
            margin: 45px 0 48px;
        }
        .games {
            a {
                display: block;
                margin: auto;
                color: #2a2a2a;
                text-align: center;
                width: 67px;
                height: 110px;
                img {
                    width: 67px;
                    height: 67px;
                }
                p {
                    font-size: 14px;
                    width: 67px;
                }
            }
        }
        .games:last-child {
            margin-top: 20px;
        }
    }
}
@media (max-width:768px) {
    .layaGameBox {
        .container {
            .more{
                display: none;
            }
        }
       
    }
}

// 合作伙伴
.partners {
    background: #f4f4f4;
    padding: 40px 0 80px;
    .container {
        .title6 {
            font-size: 30px;
            color: #2a2a2a;
            line-height: 30px;
            span {
                font-size: 11px;
                color: #777;
            }
        }
        .hezuoimgBox {
            font-size: 0;
            .hezuoImg {
                img{
                    border: 1px solid #ddd;
                    border-radius: 3px;
                    margin-top: 20px;
                }
            }
        }
    }
}
